@font-face {font-family: Ubuntu-R; src: url('Ubuntu-R.ttf');}
@font-face {font-family: Jupiter; src: url('KGDropsofJupiter.ttf');}
@font-face {font-family: sketch; src: url('kgsecondchancessketch.ttf');}
/** standard.css styles **/
body, table td, select{font-size: 12px; font-family: Ubuntu-R;}
input[type="checkbox"]{vertical-align: middle;}
/***/
*{font-family: Ubuntu-R; line-height: 1.2; outline-color: invert;}
html{height: 100%;}
body { font-size: 13px; margin: 0 0 0 0; width:100%; height: 100%; min-width: 1050px;}
.bodyextranet{min-width: 500px !important;}
.bodynormal{background-color: white}

.iabakoheader{min-width: 1050px; position:fixed; z-index: 210; width:100%;height: 70px; background: url('../images/header.png?idNumber=_buildNumber_') center repeat-x; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);}
.iabakoheaderextranet{min-width: 500px !important; font-family: Arial}
.backfixheader{width:100%;height: 70px; background-color: rgb(240, 240, 240);}
.backfixheaderextranet{width:100%;height: 400px; background-color: rgb(240, 240, 240);}

.logo{cursor:pointer; left: 20px; position: relative; float:left;margin: auto; background: transparent url('../images/logo.png?idNumber=_buildNumber_') no-repeat left center; width: 171px; height:35px; margin-top: 0px;}
.logoextranet{left: 40px !important; }
.logo:hover{opacity: 0.6}

#main{min-height: 500px; min-width: 100%;; width: 100%;display: table; margin: 0 auto -250px;}
.popupcontainer{position: fixed; overflow: auto; left: 0px; top: 0px; right: 0px; bottom: 0px;}
#popupPageContent{display:none; z-index: 300; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)}
#popupSimpleContent{display:none; z-index: 310; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)}
#accountmenu { background-color: rgb(240,240,240); border: 1px lightgray solid; right:0px; top: 70px; width: 220px; position: absolute; z-index: 400; color: #99CC00;  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}

.menuaccountitem{display:table-row; height: 35px; color: #808080; font-size: 14px; cursor: pointer}
.menuaccountitem:hover{background-color: #99CC00; color: #FFFFFF}
.menuacccounttext{display:table-cell; vertical-align: middle; text-align: right; padding-right: 10px; width: 85% }
.menuaccounticon{display:table-cell; vertical-align: middle; width: 15%}
.accountmenuitemspanel{display:table; width: 100%}

.menuaccountitem:hover .notificiationsicon {background: transparent url("../images/notification-h.png?idNumber=_buildNumber_")  no-repeat left center;  height: 20px; width: 20px; background-size: contain !important}
.menuaccountitem:hover .receivableicon {background: transparent url("../images/paymentrequest-h.png?idNumber=_buildNumber_")  no-repeat left center;  height: 20px; width: 20px; background-size: contain !important}
.menuaccountitem:hover .enterpriseicon {background: transparent url("../images/enterprise-h.png?idNumber=_buildNumber_")  no-repeat left center;  height: 20px; width: 20px; background-size: contain !important}
.menuaccountitem:hover .configicon {background: transparent url("../images/customfields-h.png?idNumber=_buildNumber_")  no-repeat left center;  height: 20px; width: 20px; background-size: contain !important}
.menuaccountitem:hover .usersicon {background: transparent url("../images/users-h.png?idNumber=_buildNumber_")  no-repeat left center; height: 20px; width: 20px; background-size: contain !important}

.notificiationsicon{margin: auto; background: transparent url("../images/notification.png?idNumber=_buildNumber_")  no-repeat center center; height: 20px; width: 20px; background-size: contain !important}
.receivableicon{margin: auto; background: transparent url("../images/paymentrequest.png?idNumber=_buildNumber_")  no-repeat center center; height: 20px; width: 20px; background-size: contain !important}
.enterpriseicon{margin: auto; background: transparent url("../images/enterprise.png?idNumber=_buildNumber_")  no-repeat center center; height: 20px; width: 20px; background-size: contain !important}
.usersicon{margin: auto; background: transparent url("../images/users.png?idNumber=_buildNumber_")  no-repeat center center; height: 20px; width: 20px; background-size: contain !important}
.configicon{margin: auto; background: transparent url("../images/customfields.png?idNumber=_buildNumber_")  no-repeat center center;  height: 20px; width: 20px; background-size: contain !important}

.arrowup{width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgb(240,240,240); position: absolute; z-index: 401; right: 12px; top: 64px;}
.logouticon{float: right; background: transparent url("../images/logout.png?idNumber=_buildNumber_")  no-repeat center center; height: 24px; width: 24px;}
.logouttext{margin-top: 3px; margin-right: 10px;}
.logouttr{height:35px;  border-top: 1px solid #808080;}
.logouttr td {text-align: center; color: #808080;font-size: 14px; cursor: pointer}
.logouttr td div{display: inline-table}
.logouttr td span{float: left; margin-top: 5px}
.logouttr:hover{background-color: #99CC00;}
.logouttr:hover td{color: #FFFFFF !important;}
.logouttr:hover .logouticon{background: transparent url("../images/logout-h.png?idNumber=_buildNumber_")  no-repeat left center;}

.myaccount{color: #0088cc; float: right; text-align: right;}
.myaccount td{padding: 0px 15px 0px 15px;}
.myaccountitem{top: -2px; float: right; position: relative; cursor: pointer; max-width: 90%; max-height: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.myaccounitemarrow{float: right; font-size: 10px; top: 0px; position: relative;}
.myaccounitemarrow label{cursor: pointer}
.myaccountitem:hover{text-decoration: underline}
.myaccountitembig{color:#555; font-size: 15px; top: -5px; float: right; position: relative;}

.pageContent{position:relative; left:0;right:0;top:0;bottom:0; min-width: 1050px; min-height: 100%;}

.submenucontainer{width:100%; position: fixed; z-index: 200;}
.submenu {margin: auto auto; background-color: #99CC00; width: 60%; height: 60px; position: relative; margin-top:1px}
.submenunav {width: 100%; display:table; color: #4E6921; float: left; table-layout: fixed; margin-top: -1px;}
.submenunavrow{display: table-row}

.tablemenu{border-collapse: collapse; float: left; height: 68px; text-align: center; width: 100%; display: table;}

.menu {min-width: 35px; color: #555; font-size: 16px; border-left: 1px solid lightgray; border-right: 1px solid lightgray; display: table-cell; text-align: center;cursor: pointer;}
.menu:hover{background: rgb(214, 238, 140);}
.menuitem{display: inline-table; margin-top: 15px;}
.menuitemscontainer{width:100%; display: table-row; margin: auto auto}
.explainsubmenu{background-color: #739704; color: #FFFFFF; height: 60px; width: 90%; float: right; margin-right: -1px; margin-top: -1px}
.explainsubmenu div{ border-color: transparent; color: #FFFFFF; font-size: 11px ;position: relative; padding-top: 2px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; width: 95%; line-height: 1.2; text-align: justify;}
.menuclient div div{ background: transparent url("../images/client.png?idNumber=_buildNumber_")  no-repeat left center; width: 33px; height: 35px; float: left; }
/*.menuclient:hover div div{ background: url("../images/client-h.png?idNumber=_buildNumber_") no-repeat left center;  color: #FFFFFF;  width: 33px; height: 35px; float: left;}*/
.menuproduct div div{ background: transparent url("../images/product.png?idNumber=_buildNumber_")  no-repeat left center;   width: 40px; height: 35px; float: left; }
/*.menuproduct:hover div div{ background: url("../images/product-h.png?idNumber=_buildNumber_")  no-repeat left center;  color: #FFFFFF; width: 40px; height: 35px; float: left; }*/
.menuservice div div{ background: transparent url("../images/service.png?idNumber=_buildNumber_")  no-repeat left center;   width: 35px; height: 35px; float: left; }
/*.menuservice:hover div div{ background: url("../images/service-h.png?idNumber=_buildNumber_")  no-repeat left center;  color: #FFFFFF; width: 35px; height: 35px; float: left; }*/
.menusale div div{ background: transparent url("../images/sale.png?idNumber=_buildNumber_")  no-repeat left center;  width: 41px; height: 35px; float: left; }
/*.menusale:hover div div{ background: url("../images/sale-h.png?idNumber=_buildNumber_")  no-repeat left center;  color: #FFFFFF; width: 41px; height: 35px; float: left; }*/
.menuexpense div div{ background: transparent url("../images/expense.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF; width: 26px; height: 35px; float: left; }
/*.menuexpense:hover div div{ background: url("../images/expense-h.png?idNumber=_buildNumber_")  no-repeat left center;  color: #FFFFFF;  width: 26px; height: 35px; float: left;}*/
.menureport div div{ background: transparent url("../images/report.png?idNumber=_buildNumber_")  no-repeat left center;  width: 35px; height: 35px; float: left; }
/*.menureport:hover div div{ background: url("../images/report-h.png?idNumber=_buildNumber_")  no-repeat left center;  color: #FFFFFF;  width: 35px; height: 35px; float: left;}*/

.menuclientselected div div{ background: transparent url("../images/client-h.png?idNumber=_buildNumber_") no-repeat left center; color: #FFFFFF;  width: 33px; height: 35px; float: left;}
.menuproductselected div div{ background: transparent url("../images/product-h.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF;  width: 40px; height: 35px; float: left;}
.menuserviceselected div div{ background: transparent url("../images/service-h.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF;  width: 35px; height: 35px; float: left;}
.menusaleselected div div{ background: transparent url("../images/sale-h.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF;  width: 41px; height: 35px; float: left;}
.menuexpenseselected div div{ background: transparent url("../images/expense-h.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF;  width: 26px; height: 35px; float: left;}
.menureportselected div div{ background: transparent url("../images/report-h.png?idNumber=_buildNumber_")  no-repeat left center; color: #FFFFFF; width: 35px; height: 35px; float: left;}

.menuselected {min-width: 35px; background:#99CC00; color: white; font-size: 16px; border-left: 1px solid lightgray; border-right: 1px solid lightgray;  height: 70px; display: table-cell; text-align: center;cursor: pointer;}
.menutext{margin-top: 10px; float: left; padding-right: 10px;}

.positionrelative{position:relative !important;}
.positionabsolute{position:absolute !important;}

.container{min-height:100%; min-width: 100%; width:100%; background-color: white;}

.footer {display: table; width: 100%; margin-top:70px; height:130px; color: white; background-color: #444; position: absolute; bottom: 0px}
.footeritem{opacity: 0.3; cursor:pointer; padding: 0px 5px 10px 5px; float: left; width: 150px;}

.supportactionbutton{float: right; font-size: 14px; margin-right: 38px !important;}


.hoverblue:hover {color:#0088CC}
.hoverwhite:hover {color:white}
.languagesextranet{display:table; color:#555; float:left}
.languagesextranet .label:hover{color:#0088CC}
.languagesfooter{display:table; float:left; color: gray}
.languagesfooter .label{color:white; opacity: 0.3}
.languagesfooter .label:hover{opacity: 1}
.languages{font-size: 12px;  float: left; margin-top: 10px; margin-bottom: 20px}
.languagesitem{float:left;  margin-left: 10px;}
.languagesitemclickable{float:left; margin-left: 10px; cursor:pointer}
.languagesitemclickable:hover{color:white}
.footermenu{float: right; text-align: right; margin-right: 30px; cursor: pointer}

.share1icon{margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share1.png?idNumber=_buildNumber_') no-repeat left center;width: 32px;height: 32px;}
.share1icon:hover{opacity: 0.5}
.share3icon{margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share3.png?idNumber=_buildNumber_') no-repeat left center;width: 32px;height: 32px;}
.share3icon:hover{opacity: 0.5}
.share2icon{margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share2.png?idNumber=_buildNumber_') no-repeat left center;width: 32px;height: 32px;}
.share2icon:hover{opacity: 0.5}
.share4icon{margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share4.png?idNumber=_buildNumber_') no-repeat left center;width: 32px;height: 32px;}
.share4icon:hover{opacity: 0.5}

.footershare1icon{opacity: 0.3; margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share1-white.png?idNumber=_buildNumber_') no-repeat left center; width: 30px;height: 30px; background-size: contain !important}
.footershare1icon:hover{opacity: 1}
.footershare3icon{opacity: 0.3; margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share3-white.png?idNumber=_buildNumber_') no-repeat left center; width: 30px;height: 30px; background-size: contain !important}
.footershare3icon:hover{opacity: 1}
.footershare2icon{opacity: 0.3; margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share2-white.png?idNumber=_buildNumber_') no-repeat left center; width: 30px;height: 30px; background-size: contain !important}
.footershare2icon:hover{opacity: 1}
.footershare4icon{opacity: 0.3; margin: 5px 10px 0px 0px; cursor: pointer; background: transparent url('../images/share4-white.png?idNumber=_buildNumber_') no-repeat left center; width: 30px;height: 30px; background-size: contain !important}
.footershare4icon:hover{opacity: 1}

.footerquestionicon{opacity: 0.7; padding-left:5px; float: left; background: transparent url("../images/question.png?idNumber=_buildNumber_")  no-repeat left center;   width:32px; height: 32px;}
.footerbugicon{opacity: 0.7; padding-left:5px; float: left; background: transparent url("../images/bug.png?idNumber=_buildNumber_")  no-repeat left center;  width:32px;  height: 32px;}
.footertermsicon{opacity: 0.7; padding-left:5px; float: left; background: transparent url("../images/terms.png?idNumber=_buildNumber_")  no-repeat left center;  width:27px; height: 27px; margin-top: 2px; background-size: contain !important}
.footersecurityicon{opacity: 0.7; padding-left:5px; float: left; background: transparent url("../images/security.png?idNumber=_buildNumber_")  no-repeat left center;  width:32px; height: 32px;}

.footeritem:hover{opacity: 1}
.footeritem:hover .footerquestionicon{opacity: 1}
.footeritem:hover .footerbugicon{opacity: 1}
.footeritem:hover .footertermsicon{opacity: 1}
.footeritem:hover .footersecurityicon{opacity: 1}

.layoutleft{width: 20%; vertical-align: top}
.layoutright{width: 80%; vertical-align: top}

.titlepage{height: 35px; float: left; width: 40%}
.pagetitleheader{width: 98%; float: left}
.pageactionbuttonspanel{float: right; width: 50%; text-align: right}
.pageactionbuttonlayout{float:right; margin-left:10px}
.pageactionbutton{margin: 0 !important; margin-left: 10px !important; float: right; background-image: none !important; background-color: #99CC00 !important}
.pageactionbutton:hover{opacity: 0.8 !important}
.pageactionbutton label{font-size: 14px}
.pageactionlink{margin-top: 10px; float:right}
.pagecontentpanel{clear:both;}

.titleclient .titleicon{float: left; background: transparent url("../images/client.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 33px}
.popuptitleclient{float: left; background: transparent url("../images/client-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 33px; margin-top: 5px; margin-left: 8px}
.titleproduct .titleicon{float: left; background: transparent url("../images/product.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 40px;}
.popuptitleproduct{float: left; background: transparent url("../images/product-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 40px; margin-top: 5px; margin-left: 8px}
.titlestock .titleicon{float: left; background: transparent url("../images/stock.png?idNumber=_buildNumber_") no-repeat center center;  height: 32px; width: 40px;}
.titleservice .titleicon{float: left; background: transparent url("../images/service.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 35px;}
.popuptitleservice{float: left; background: transparent url("../images/service-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 35px; margin-top: 5px; margin-left: 8px}
.titlereport .titleicon{float: left; background: transparent url("../images/report.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 35px;}
.titlequote .titleicon{float: left; background: transparent url("../images/quote.png?idNumber=_buildNumber_") no-repeat left center;  height: 32px; width: 28px}
.popuptitlequote{float: left; background: transparent url("../images/quote-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 32px; width: 24px; margin-top: 5px; margin-left: 8px}
.titlesale .titleicon{float: left; background: transparent url("../images/sale.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 41px}
.titlepastinstallment .titleicon{float: left; background: transparent url("../images/kogray.png?idNumber=_buildNumber_") no-repeat left center; height: 22px; width: 30px; margin-top: 7px;}
.titleexpense .titleicon{float: left; background: transparent url("../images/expense.png?idNumber=_buildNumber_") no-repeat left center;  width: 26px; height: 35px;}
.popuptitlesale{float: left; background: transparent url("../images/sale-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 41px; margin-top: 5px; margin-left: 8px}
.popuptitleexpense{float: left; background: transparent url("../images/expense-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 35px; width: 26px; margin-top: 5px; margin-left: 8px}
.popuptitle{width: 75%; font-size: 20px; margin-left: 5px; float: left; margin-top: 10px; color: white;}
.titlelabel{font-size: 16px;float: left;margin-top: 10px;color:#555}
.popuptitleusers{float: left; background: transparent url("../images/users-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 25px; width:25px;  margin-top: 10px; margin-left: 8px;}
.popuptitleconfiguration{float: left; background: transparent url("../images/customfields-h.png?idNumber=_buildNumber_") no-repeat left center;  height: 25px;width:25px; margin-top: 5px;  margin-left: 8px;}
.popuppaymentrequest{float: left; background: transparent url("../images/paymentrequest-h.png?idNumber=_buildNumber_") no-repeat center center;  height: 35px; width:35px;  margin-top: 3px; margin-left: 8px;}
.popupnotification{float: left; background: transparent url("../images/notification-h.png?idNumber=_buildNumber_") no-repeat center center;  height: 30px; width:35px;  margin-top: 8px; margin-left: 8px;}
.popupenterprise{float: left; background: transparent url("../images/enterprise-h.png?idNumber=_buildNumber_") no-repeat center center;  height: 35px; width:35px;  margin-top: 3px; margin-left: 8px;}

.noresultsblock{border: 1px dashed gray; height: 60px; padding-top:40px; margin: 20px 0px; width: 100%; color:gray; text-align:center; font-size:16px}
.nopaymentsblock{margin: 0 !important; font-size: 12px !important;}
.results{width: 98%}
.resultspayment{width: 100%}
.pendingresultline{color: rgb(230, 38, 38) !important}
.automaticconversationline{color: gray !important}
.resultlinenoaction{cursor:default !important;}
.resultslinemodification,.resultsline{height: 25px}
.resultsline:hover{height: 25px; background: rgb(214, 238, 140); cursor: pointer}
.resultsline td{padding-right: 5px ; padding-left:5px}
.resultslinemodification td{padding-right: 4px ; padding-left:4px}
.smalltable td{font-size: 11px;}
.statusOK{cursor: default; background: transparent url('../images/ok.png?idNumber=_buildNumber_') no-repeat left center;width: 15px;height: 15px; margin: auto auto;}
.statusKO{cursor: default; background: transparent url('../images/kosmall.png?idNumber=_buildNumber_') no-repeat left center;width: 15px;height: 15px; margin: auto auto;}
.statuswithfutureinstallments{cursor: default; background: transparent url('../images/clock.png?idNumber=_buildNumber_') no-repeat left center;width: 15px;height: 15px; margin: auto auto;}
.statussaledraft{cursor: default; background: transparent url('../images/saledraft.png?idNumber=_buildNumber_') no-repeat left center;width: 16px;height: 16px;margin: auto auto; }
.statusquotediscard{cursor: default; background: transparent url('../images/quotediscard.png?idNumber=_buildNumber_') no-repeat left center;width: 16px;height: 16px;margin: auto auto; }
.statusdraft{cursor: default; background: transparent url('../images/quotedraft.png?idNumber=_buildNumber_') no-repeat left center;width: 16px;height: 16px;margin: auto auto; }
.statusquotegenerated{cursor: default; background: transparent url('../images/quotegenerated.png?idNumber=_buildNumber_') no-repeat left center;width: 16px;height: 16px;margin: auto auto; }
.statusquotetransformed{cursor: default; background: transparent url('../images/quotesale.png?idNumber=_buildNumber_') no-repeat left center;width: 16px;height: 16px;margin: auto auto; }

.statuscheckbox{float:left; cursor: pointer; margin-right: 20px; margin-left: -10px;}

.table100 {border-spacing: 0px; min-width: 100%; min-height: 100%; height: 100%; width:100%; border-collapse:collapse;}

.width95 {width: 95%}
.width90 {width: 90%}
.width80 {width: 80%}
.width50 {width: 50%}
.width75 {width: 75%}
.width70 {width: 70%}
.width30 {width: 30%}
.width20 {width: 20%}
.width25 {width: 25%}
.width65 {width: 65%}
.width35 {width: 35%}
.width55 {width: 55%}
.width45 {width: 45%}
.width60 {width: 60%}
.width40 {width: 40%}
.width100{width: 100%}

.popupheader{box-shadow: 0 5px 20px -2px gray; border-spacing: 0px;width: 100%; position: relative; height: 70px; background-color: #99CC00;}
.popup{margin-bottom:50px; border-radius: 5px; border-width: 0px; border-style: solid; position: relative; left: 50%; width: 800px; background-color: #FFFFFF; margin-left: -400px; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);}
.mediumpopup{width:540px;margin-left: -270px !important; }
.smallpopup{width: 400px; margin-left: -200px !important;}
.popuponecolumnsmaincontent{width: 490px; margin: auto auto}
.popupsalemakecontent{min-width: 520px; width: 520px; margin:auto;}
.notags{height: 25px}
.tagdiv{cursor: pointer; display: table-cell; float: left; height: 30px; background-color: lightgray; border-top-left-radius: 20px; border-top-right-radius: 5px;}
.tagdiv:hover{background-color: gray;}
.tagdiv:hover div { color: #FFFFFF;}
.tagdivselected{cursor: pointer; display: table-cell; float: left; height: 30px; background-color: #0088cc; border-top-left-radius: 20px; border-top-right-radius: 5px;}
.tagitemtext{font-size: 14px; text-align: center; margin: 6px 20px 0 20px; color: #444}
.tagitemtextselected{font-size: 14px; text-align: center; margin: 6px 20px 0 20px; color: #FFFFFF;}

.messagediv{position: fixed; z-index: 200;margin-top: 105px;width: 100%; height: 0px}
.messagebloc{border-radius: 2px; width: 600px; margin: auto; border: 1px solid transparent;}
.messagebloc div{padding: 3px 3px 3px 3px;}
.popupmessagebloc{border-color: transparent; min-height:13px; font-size: 11px; border-style: solid; border-width: 1px; margin: auto; width: 90%; padding: 5px 5px;}
.messagelabel{padding: 3px 3px 3px 3px;}
.successmessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(214, 238, 140); color: #4E6921; border-color: transparent; font-size: 12px; text-align: center; list-style: none}
.alertmessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(214, 238, 140); color: #4E6921; border-color: transparent; font-size: 12px; text-align: center; list-style: none}
.errormessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(247, 206, 206); color: rgb(206, 76, 76); border-color: transparent;}
.erroritem{list-style: none; white-space: pre-line;}

.externalbusinesslink{color:#99CC00 !important; margin-left: 10px !important; font-size: 13px !important}
.addlinkaction{opacity:0.8; cursor: pointer; float:left; background: transparent url('../images/addlink.png?idNumber=_buildNumber_') no-repeat center center;width: 24px; height: 24px; margin: 10px}
.addlinkaction:hover{opacity: 1}

.popupheadertitle{background-color: #99CC00;  height: 40px}
.explainspopup{background-color: #739704; color: #FFFFFF; border-bottom-left-radius: 20px; margin-top: -1px; margin-right: -1px }
.popuptags{background-color: #99CC00; display: table-row;}
.nopopuptags{background-color: #99CC00; height: 40px}
.popupcontent{ margin-top: -1px;}
.panel100{height: 100%; width: 100%;}
.popupsimplecontent{height: 100%!important; }
.popupshadow{box-shadow: 9px 40px 10px 8px rgba(0, 0, 0, 0.3);width: 784px;}
.explainpopuptext{position: relative; padding-top: 5px; padding-left: 15px;padding-right: 40px;padding-bottom: 5px;text-align: left; min-height: 30px;font-size: 11px;font-style: italic;}
.inputreadonly{background-color: transparent !important}
.input{border-radius: 5px; background-color: white; border: 1px solid rgb(163, 168, 182); padding: 5px 6px; font-size: 13px; color: #0D2C52;}
.inputradioline{color: #0D2C52; display: inline;}
.inputradio{float: left; margin-top: 2px;}
.marginleft100{margin-left: 100px;}
.inputradiovertical{clear: both; float: left; margin-top: 2px; cursor: pointer}
.inputradioverticalitem{float:left; padding-left: 4px; padding-right: 0px !important; cursor: pointer}
.inputradiolineitem{float:left; padding-left: 4px; padding-right: 20px; cursor: pointer; max-width: 85%;}
.inputquestion{}
.divpaddingbottom{padding-bottom: 10px;}
.inputcheckboxsavepaymentmode label{color: #0088cc !important; font-size: 12px !important;}
.inputcheckboxright input{float: right !important}
.inputcheckbox input {cursor: pointer; float: left; margin-top: 3px}
.biginputcheckbox{padding-right: 30px;}
.biginputcheckbox label{font-size: 13px !important;font-style: normal !important; padding-right: 30px !important;}
.inputcheckbox label{cursor: pointer; color: #0D2C52; margin-right: 5px; padding-right: 4px; padding-left: 4px; font-size: 11px;}
.inputcheckboxdisabled label{cursor: default; color: gray !important;}
.inputcheckboxdisabled input{cursor: default}
.inputcheckbox{float: left;}
.inputcheckboxconversations label{font-style: normal !important;}
.inputid, .inputsmall{padding: 3px 4px}
.inputid{font-size: 11px;}
.inputstock{float:right; padding: 2px 2px; text-align: center; width: 50px; font-size: 16px;}
.stockmodification{font-weight: bold !important; color:#0088CC}
.columnnewstock{padding-right:20px !important}
.inputsmall{font-size: 12px;}
.inputverysmall{font-size: 11px; padding:2px}
.bigalpha{max-height: 100px !important; height: 100px !important; font-size: 12px !important; }
.verybigalpha{max-height: 200px !important; height: 200px !important; font-size: 12px !important; }
.inputbig{font-size: 16px; padding: 6px 10px;}
.inputsmallintable{font-size: 10px;width: 95%; resize: none}
.inputamount, .inputid{text-align: right}
.inputgraytext{color: rgb(163, 168, 182);}
.inputsize100{width: 680px; max-width: 680px;}
.inputsize85{width: 500px; max-width: 500px;}
.inputsize80{width: 470px; max-width: 470px;}
.inputsize78{width: 460px; max-width: 460px;}
.inputsize76{width: 440px; max-width: 440px;}
.inputsize74{width: 425px; max-width: 425px;}
.inputsize70{width: 415px; max-width: 415px;}
.inputsize60{width: 370px; max-width: 370px;}
.inputsize55{width: 340px; max-width: 340px;}
.inputsize53{width: 330px; max-width: 330px;}
.inputsize50{width: 315px; max-width: 315px;}
.inputsize48{width: 300px; max-width: 300px;}
.inputsize47{width: 290px; max-width: 290px;}
.inputsize45{width: 280px; max-width: 280px;}
.inputsize44{width: 270px; max-width: 270px;}
.inputsize43{width: 240px; max-width: 240px;}
.inputsize40{width: 220px; max-width: 220px;}
.inputsize37{width: 210px; max-width: 210px;}
.selectsize40{width: 230px;}
.selectsize35{width: 200px;}
.inputsize36{width: 193px; max-width: 193px;}
.inputsize35{width: 180px; max-width: 180px;}
.inputsize32{width: 158px; max-width: 158px;}
.inputsize30{width: 150px; max-width: 150px;}
.inputsize20{width: 100px; max-width: 100px;}
.inputsize21{width: 110px; max-width: 110px;}
.inputsize22{width: 115px; max-width: 115px;}
.inputsize24{width: 133px; max-width: 133px;}
.inputsize23{width: 125px; max-width: 125px;}
.inputsize25{width: 145px; max-width: 145px;}
.inputsize27{width: 147px; max-width: 147px;}
.inputsize19{width: 95px; max-width: 95px;}
.inputsize18{width: 93px; max-width: 93px;}
.inputsize17{width: 85px; max-width: 85px;}
.inputsize15{width: 75px; max-width: 75px;}
.inputsize10{width: 50px; max-width: 50px;}
.inputsize5{width: 25px; max-width: 25px;}
.inputsize1{width: 30px; max-width: 30px;}

.alpha{clear: both; float: left;max-height:40px; height: 40px; font-size:11px; margin-bottom: 10px !important}
.label{float:left;}
.searchmotorlabel{color:#0D2C52; font-size: 11px; margin-top: 2px; margin-bottom: 5px;}
.inputdate{width: 70px}
.inputerror{background-color: rgb(247, 206, 206); border-color: rgb(230, 38, 38);}
.inputdisabled{background: rgb(233, 231, 231); color: gray !important; cursor: default}
.inputicondiv{display: table; border-collapse: separate;}
.inputwithicon, .inputicon{display: table-cell;}
.inputicon{cursor: default; vertical-align: middle; line-height:1; text-align: center; padding: 6px 12px; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0; font-size: 12px; font-weight: bold; color: #555;}
.inputiconclickable{cursor: pointer;}
.inputicontext{padding: 0px 16px;}
.inputicontextsmall{padding: 0px 12px; }
.inputiconimagesmall{padding: 0px 8px; }
.inputiconsmall .inputicontext{padding: 0px 10px !important;}
.inputiconsmall .inputicontextsmall{padding: 0px 10px !important;}

.inputwithicon{border-bottom-left-radius: 0; border-top-left-radius: 0; vertical-align: middle; line-height: 1.31}
.inputicondate{background: transparent url("../images/date-field.png?idNumber=_buildNumber_") no-repeat center center; height: 15px; width: 15px; margin-top: -1px;  }
.inputiconclient{background: transparent url("../images/client-field.png?idNumber=_buildNumber_") no-repeat center center; height: 15px; width: 15px; margin-top: -1px; }
.inputiconservice{background: transparent url("../images/service-field.png?idNumber=_buildNumber_") no-repeat center center; height: 15px; width: 15px; margin-top: -1px;}

.inputcenter{text-align: center}
.inputwithvalue{color:#0D2C52;}
.inputfocus{border: 1px solid #0088cc !important; outline: 0; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);}

.bigcolmunnrightid{margin-left: 120px; float:left;  margin-bottom: 3px; padding-right: 5px;}
.bigcolmunnrightidsale{margin-left: 120px;}
.smallcolmunnrightid{margin-left: 214px; float:left;  margin-bottom: 3px;}
.columnleft{clear: both; float:left;  margin-bottom: 3px; margin-left: 50px}
.lineform{clear: both; float:left;  margin-bottom: 3px; width: 91%}
.lineform100{clear: both; float:left;  margin-bottom: 3px; width: 100%}
.lineexpenseform{clear: both; float:left;  margin-bottom: 3px; width: 100%}
.expenseforminstallments{padding-left: 20px;}
.linesaleform{clear: both; float:left;  margin-bottom: 3px; margin-right: 20px}
.saleenmasseclientlist{font-size:16px !important;}
.smallcolumnleft{clear: both; float:left;  margin-bottom: 3px; margin-left: 30px;}
.verysmallcolumnleft{clear: both; float:left;  margin-bottom: 3px; margin-left: 15px;}
.columnleftcustomfieldlistconfig{margin-left: 182px;}
.columnleftcustomfieldlistvaluesconfig{margin-left: 82px;}
.installmentspanelline{clear: both; float:left;  margin-bottom: 3px; width: 93%;}
.installmentspanelline .inputtitleradio{margin: 10px 0px}
.installmentspanelline .note{margin: 10px 0px}
.installmentspanellineright{float: right; margin-right: 35px; width: auto;color: #0088cc !important}
.installmentsperiodicalfrequencyinput{margin: -2px 0px 5px 5px;}
.installmentsperiodicalpanel{float: left; width: 100%; padding: 10px 0px 10px 0px;}
.installmentscustomitem{float: left; margin: 5px 10px 0px 0px;}
.installmentscustompanel{min-width: 380px; width: 380px;}
.breaker{clear: both; height: 7px;}
.clearboth{clear: both;}
.nextinput{margin-left: 7px; padding-bottom: 5px; float: left;}
.nextinputsmall{margin-left: 3px; padding-bottom: 5px; float: left;}
.line{clear: both; margin-bottom: 3px; margin-left: 50px;}
.note{color: #0D2C52; font-size: 11px; white-space: pre-line;}
.note span{ white-space: nowrap}
.note .infonote{margin-left: 0px !important}
.smalllabel{color: #0D2C52; font-size: 11px; white-space: pre-line; padding: 5px;}
.graycolor{color:gray}
.inputtitle{color: #0D2C52; font-size: 11px; float: left; margin-top: 3px; padding-right: 8px;}
.inputtitledisabled{color: gray !important; cursor: default}
.inputtitlelimited{width:100px; padding-right: 0;}
.inputrightalign{text-align: right; padding-right: 8px; width: 92px;}
.inputtitleradio{width:100px; color: #0D2C52; font-size: 11px; float: left;}
.inputtitlelinebreak{width: 100% !important; float:none !important;}
.inputoptional{border-style: dashed}
.blocperso{ border-bottom-left-radius: 20px;vertical-align: top; height: 100%}
.blocpersowaitpanel{width: 350px; height: 300px; display: table-cell; vertical-align: middle}
.blocstandard{vertical-align: middle; padding-left: 30px;}
.blocpayments{vertical-align: top;}
.blocinvoices{vertical-align: top; margin-top:20px}
.globalinvoicetable .label{float:none !important}
.blocpersotitre{margin-top: 15px; color: #0D2C52; font-size: 14px; height: 30px;}
.infonote{float: left; margin: 0 3px; width: 15px; height: 15px; background: transparent url("../images/info.png?idNumber=_buildNumber_")  no-repeat left center; }
.popupbutton{font-size: 15px; clear:both; float:right; margin: 10px 10px 10px 10px}
.buttonimagetext{float: left; padding-right: 35px; color: #4E6921; cursor: pointer }
.buttontext{cursor: pointer}
.buttonimage{float: right; position: absolute; right: 0px; background-color: #4E6921; background-image: -webkit-linear-gradient(top,rgb(115,151, 4),#4E6921); height: 28px; width: 28px; top: 0px; border-bottom-right-radius: 5px;}
.buttonaddicon{background: transparent url("../images/add.png?idNumber=_buildNumber_")  no-repeat center center; width: 15px; height: 20px; margin: auto; margin-top: 5px;}
.popupbutton:hover .buttonaddicon{background: transparent url("../images/add-h.png?idNumber=_buildNumber_")  no-repeat center center;}
.buttonmodifyicon{background: transparent url("../images/modify.png?idNumber=_buildNumber_")  no-repeat center center; width: 15px; height: 20px; margin: auto; margin-top: 5px;}
.popupbutton:hover .buttonmodifyicon{background: transparent url("../images/modify-h.png?idNumber=_buildNumber_")  no-repeat center center;}
.transparentbluebutton{color:#0088CC !important; border: 1px solid #0088CC !important; background-image: none !important; background-color: transparent !important}
.transparentbluebutton:hover{opacity:0.6}
.transparentgreenbutton{color:#99CC00 !important;border: 1px solid #99CC00 !important; background-image: none !important; background-color: transparent !important}
.transparentgreenbutton:hover{opacity:0.6}
.transparentredbutton{color:#e74c4c !important; border: 1px solid #e74c4c !important; background-image: none !important; background-color: transparent !important}
.transparentredbutton:hover{opacity:0.6}

.gobackicon{clear:both; float: left; background: transparent url('../images/gobackicon.png?idNumber=_buildNumber_') no-repeat center center; width:16px; height: 16px;}

.mediumpopupsimple{width: 570px; min-height: 200px; margin-left: -175px;}
.popupsimple{width: 370px; min-height: 200px; margin-left: -175px;}
.closepopupsimple{color: gray !important; margin-left: 94.5% !important;}

.nopersoitemsdiv{border: 1px dashed gray; height: 310px; text-align:center;}
.nopersoitemslabel .label{float:left; padding:110px 10px; font-size: 13px; color:gray}
.persoitems{height: 100%; padding-left: 20px; padding-right: 20px; background: lightgray;}
.persoinputlist{width: 235px;}
.persoinput{width: 220px}
.persoinputdate{width: 140px}
.persoinputtextarea{width: 320px}
.persolinesmall{clear: both; margin-left: 30px;}
.persoitemsline{clear: both; float:left; margin-bottom: 3px; width: 100%;}
.persoitemslineright{clear: both; float:right;  margin-bottom: 3px; margin-right: 35px;}
.persoinfotitre{margin-top: 15px;}
.closepopupbutton{opacity: 0.5; cursor: pointer; float:right; background: transparent url("../images/closebutton.png?idNumber=_buildNumber_")  no-repeat center center; width: 16px; height: 16px; margin-right: 5px; margin-top: 5px}
.closepopupbutton:hover{opacity: 1}
.closepopupbuttonsmall{opacity: 0.5; cursor: pointer; float:right; background: transparent url("../images/closebuttonsmall.png?idNumber=_buildNumber_")  no-repeat center center; width: 16px; height: 16px; margin-right: 5px; margin-top: 5px}
.closepopupbuttonsmall:hover{opacity: 1}

.closepopup{opacity: 0.5; position: absolute;z-index: 1;font-size: 26px; color: white;margin-left: 97.5%;cursor: pointer;margin-top: -3px;}
.closepopup:hover{opacity: 1;}

.tableactionspanel{height: 40px}
.tableactions{color:#555; font-size: 10px; margin-bottom: 5px; margin-top: 4px}
.tableactionsleft{float: left; margin-left: 4px; margin-top: 13px}
.tableactionsright{float: right; margin-right: 4px; width: 220px; margin-top: 7px}
.tableactionbutton{text-align: center; background-color: lightgray; font-size: 12px; border: 1px solid lightgray; cursor: pointer; margin-top: -2px; ;margin-left: 1px; width: 30px; height: 25px; float: right; color: #555}
.tableactionbutton:hover{font-size: 16px; font-weight: bold; opacity: 0.7;}
.tableactionbuttonleft{border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.tableactionbuttonright{border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.tableactionpagenumber{float:right; margin-top: 2px; width: 90px}
.tableactiontextleft{padding-left: 5px; float: left; padding-top: 2px;}
.tableactionscenter{width: 150px; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 11px;}
.tableactiontextcenter{margin-top: 15px;float: left; font-size: 12px;}

.tableactioninput{float:right; padding: 2px 2px; font-size: 11px; width: 20px; text-align: center;}
.tableactionresultnumber{font-size: 11px;}
.resultnumberselect{font-size: 11px; width: 45px; float: left;}
.tableactiontext{float: right; padding-left: 5px;padding-right: 5px; font-size: 11px; margin-top: 2px;}

.resultstable{border-style: solid;border-width: 1px;border-color: lightgray; color:#0D2C52; word-break:break-all }
.resultstabletotal{border-style: none; margin-bottom: -10px}
.resultstabletotallabel{color:#555; text-align: right; padding:5px 5px 0px 5px; font-size: 12px;}
.resultstabletotallabel span{font-size:11px}
.resultstabletotallabel:hover{cursor:default !important; text-decoration: none !important}
.resultstabletotalvalue{color:#555; text-align: right; padding: 5px 12px 0px 5px; font-size: 12px;}
.resultstabletotalvalue:hover{cursor:default !important; text-decoration: none !important;}
.tablelineon{background: lightgray}
.tableheader{color : white; background-color: #555; text-align: center; height: 20px; cursor:default; word-break:normal; white-space:pre-line}
.triablecolumn{cursor: pointer}
.triablecolumn:hover{text-decoration: underline}

.columnunit{white-space: nowrap !important; font-size: 10px !important; padding-right:5px !important; padding-left: 0px !important; padding-top: 2px !important}
.stockmodificationcolumn{min-width: 127px}
.columndeleteaction{width:2%;}
.columnSextraminus{width:5%;}
.columnSminus{width:8%;}
.columnS{width:10%; font-weight: normal;}
.columnSplus{width:15%; font-weight: normal;}
.columnM{width:20%; font-weight: normal;}
.columnMminus{width:18%; font-weight: normal;}
.columnMplus{width:25%; font-weight: normal;}
.columnL{width:30%; font-weight: normal;}
.columnXL{width:40%; font-weight: normal;}
.columnleftalign{padding-left: 10px;text-align: left}
.columncenteralign{text-align: center}
.columnrightalign{padding-right: 10px;text-align: right}
.smalltable{font-size: 11px}

.disclosurepanelbutton{font-family: Ubuntu-R; color:#0088cc; background: none; border: none; font-size: 12px;}
.searchdisclosurepanelbutton{margin-top: 2px; margin-bottom: 5px; margin-left: -5px}
.reportdisclosurepanelbutton{margin-top: 5px; margin-bottom: 10px; margin-left: -5px; font-size: 14px; width: 420px;}

.searchmotor{width: 98%; min-height: 40px; background-color:lightgray; border-radius: 5px; padding-top: 10px}
.searchmotorbloc1{margin-left: auto; margin-right: auto; width: 500px}
.searchmotorbloc2{margin-left: auto; margin-right: auto; clear: both; width: 500px}
.reportbloc2{margin-left: auto; margin-right: auto; clear: both; width: 500px; padding-bottom: 20px}
.searchmotorsuggestline{font-size: 12px;}
.searchmotorcriterialine{float:left; font-size: 12px; margin-bottom: 5px; width: 100%;}
.searchmotorcriterialinenext{margin-right: 5px; width: auto !important}
.searchmotorcriteriaright{clear:both; float: right; margin-right: 60px}
.inputsearchauto{font-size: 14px; width: 430px; float: left; border: 0; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px}
.buttonsearch{background-color: #0088cc; position: relative; border: 1px solid transparent; cursor: pointer; height: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; width: 40px; margin-top: -2px;}
.buttonsearch:hover{background-color: rgb(63, 164, 214)}
.buttonsearch:hover .searchicon{background: transparent url("../images/searchicon.png?idNumber=_buildNumber_")  no-repeat left center; width: 22px; height: 17px; margin-top: auto; margin-left: auto; background-size: contain !important}
.searchicon{background: transparent url("../images/searchicon.png?idNumber=_buildNumber_")  no-repeat left center; width: 20px; height: 15px; margin-top: auto; margin-left: auto;}
.deleteicon{opacity:0.7; cursor:pointer; background: transparent url("../images/deleteicongray.png?idNumber=_buildNumber_")  no-repeat left center;  width: 9px; height: 9px;}
.deleteicon:hover{opacity:1}
.tddeleteiconright:hover div{opacity: 1}
.tddeleteiconleft:hover div{opacity: 1}
.deleteiconright{float: right; margin-left: 10px;}
.deleteiconleft{float: left; margin-right: 5px; padding-left: 0px}
.inputnextsearch{margin-left: 20px; float: left;}
.commenticoncenter{cursor:default; margin:auto; background: transparent url('../images/commentblue.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}
.commenticonemptycenter{cursor:default; margin:auto; background: transparent url('../images/commentgray.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}
.commenticon{cursor:default; margin-left:5px; float:right; background: transparent url('../images/commentblue.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}
.commenticonempty{cursor:default; margin-left:5px; float:right; background: transparent url('../images/commentgray.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}
.transfertoright{margin:2px; cursor:pointer; float:right; background: transparent url('../images/transfer-red.png?idNumber=_buildNumber_') no-repeat left center;  width: 20px; height: 20px; background-size: contain}
.transfertorightdisable{margin:4px; cursor:auto; float:right; background: transparent url('../images/transfer-right-gray.png?idNumber=_buildNumber_') no-repeat left center;  width: 15px; height: 15px; background-size: contain !important;}
.tdtransfertorightdisable{cursor:auto;}
.tdtransfertoright:hover div{margin:0px; background: transparent url('../images/transfer-red-big.png?idNumber=_buildNumber_') no-repeat left center;  width: 24px; height: 24px;}
.transfertoleft{margin: 2px; cursor:pointer; background: transparent url('../images/transfer-green.png?idNumber=_buildNumber_') no-repeat left center;  width: 20px; height: 20px;}
.tdtransfertoleftdisable{cursor:auto;}
.transfertoleftdisable{margin: 4px; cursor:auto; background: transparent url('../images/transfer-left-gray.png?idNumber=_buildNumber_') no-repeat left center;  width: 16px; height: 16px; }
.tdtransfertoleft:hover div{margin:0px; background: transparent url('../images/transfer-green-big.png?idNumber=_buildNumber_') no-repeat left center;width: 24px; height: 24px; }
.paymentrequeston{cursor:default; margin-left:5px; float:right; background: transparent url('../images/paymentrequeston.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}
.paymentrequestoff{cursor:default; margin-left:5px; float:right; background: transparent url('../images/paymentrequestoff.png?idNumber=_buildNumber_') no-repeat left center; width: 16px; height: 16px; background-size: contain}

.custominputsearch{padding: 4px 4px; font-size: 11px;}
.custominputsearchinputlist{width: 343px;}
.custominputsearchinput{width: 333px;}
.custominputsearchinputdate{width: 100px;}

.selectsearch{width: 343px; padding: 4px 4px; font-size: 11px;}
.selectreportform{padding: 4px 4px; font-size: 11px;}
.inputradiosearch{margin-top: 3px;}
.clearfloatleft{clear: both; float: left}
.floatright{float: right !important}
.floatleft{float: left !important}
.floatnone{float:none !important}
.displayinlineblock{display: inline-block;}

.linklabelgoback{margin-top: 15px; text-decoration: underline}
.linklabelsignuptermscondition{ margin-left: -7px; }
.linklabelsignup{cursor: default;font-size: 12px; margin-top: 3px; color:#555; width: 270px;}
.linklabelsignup span{color : #99CC00; text-decoration: underline; cursor: pointer;}
.linklabelsignupnote{cursor: default; color: #555; font-size: 11px; white-space: pre-line; margin-top: 3px; width: 310px;}
.linklabelsignupnote span{color : #99CC00; text-decoration: underline; cursor: pointer; font-size: 16px;}
.linklabel{color: #0088cc; float: left; margin-left: 5px; margin-right: 5px; cursor: pointer; font-size: 12px;}
.linklabel:hover{text-decoration: underline}
.linklabelcustomfieldlistconfig{margin-top: 4px; font-size: 10px}
.linklabelbig{font-size: 14px !important;}
.linkdialogboxconfirmationlayout{display: inline-block;}
.linkdialogboxconfirmation{font-size: 16px; padding-bottom: 15px;}
.labelwithicon{float: none; margin-right: 10px; margin-left: 20px;}


/* suggestion box */
.gwt-SuggestBoxPopup{margin-left: 3px; z-index: 310}
.gwt-SuggestBoxPopup .suggestPopupTop{display:none !important;}
.gwt-SuggestBoxPopup .suggestPopupBottom{display:none !important;}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft{display: none !important;}
.gwt-SuggestBoxPopup table{width: 100%}
/*.gwt-SuggestBoxPopup .suggestPopupMiddleCenter{width: 435px !important;}*/
.gwt-SuggestBoxPopup .suggestPopupMiddleRight{display: none !important;}
.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner{border: 1px solid lightgray !important; border-top: 0px solid transparent !important;}
/*.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner div table{width: 435px !important}*/
.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner div table tr{border-top: 1px solid lightgray !important; height: 35px;}
.gwt-SuggestBoxPopup .item{color: #0D2C52 !important; font-size: 12px !important; cursor: pointer !important;}
.gwt-SuggestBoxPopup .item label{cursor: pointer !important;}
.gwt-SuggestBoxPopup .item2{color: #0D2C52 !important; font-size: 11px !important;}
.gwt-SuggestBoxPopup .item-selected{background: rgb(214, 238, 140) !important;}

/* Date picker */
.popupContent{position: relative}
.dateBoxPopup{z-index: 310; overflow: auto !important}
.datePickerDayIsFiller {color:#BBB !important}
.datePickerDay { padding: 7px 12px !important; color: #555}
.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel { background: white !important;font-size: 120% !important;}
.datePickerDayIsWeekend { background: lightgray !important;}
.datePickerWeekdayLabel, .datePickerWeekendLabel {color: #99CC00 !important; padding: 10px !important;}
td.datePickerMonth, td.datePickerYear { font-size: 150% !important; color: #0088CC !important;}
.datePickerPreviousButton, .datePickerNextButton, .datePickerPreviousYearButton, .datePickerNextYearButton { font-size: 300% !important;  color: #0088CC !important;}
.datePickerMonthSelector { background: white !important;}
.datePickerDayIsHighlighted {background: rgb(214, 238, 140) !important;}
.datePickerDayIsToday { border: 0px solid #99CC00 !important; background-color: #99CC00 !important;}

.salemakenotebloc{width: 350px; float: left; border-radius: 5px; border: 1px solid gray !important;}
.salemakenotecontent{font-size: 12px;color:gray; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px;}
.salemakenoteitems{margin-top:5px; font-size: 11px;}
.salemakenotevariant{color:#739704; font-weight:bold}
.salemakebigquantity{font-size:10px !important; padding : 7px 2px !important}
.salemakequantitydiv{float: left;width: 60px;}
.salemakequantityinput{margin-left: 13px; padding: 5px 2px;}
.salemakeunitylabel{color: #555; font-size: 11px; padding: 8px 2px;}
.salemaketotalpanel{display:table; border-collapse: collapse;  width:500px; border:1px solid lightgray; margin: auto}
.salemaketotalpanel div{font-size:16px;float:none !important; white-space: nowrap;}
.salemaketotaltaxrow{display: table-row; border-bottom: 1px solid lightgray}
.salemaketotaltaxrow div{font-size:12px;}
.salemaketotaltaxrow .salemaketotalcell{padding: 5px 10px;}
.salemakeenabletax{border-bottom: 0px !important;}
.salemakeenabletax .salemaketotalcell{padding: 6px 0px !important}
.salemaketotalcell{display: table-cell !important; color:#555; text-align: right !important; padding: 10px}
.salemaketotalcell span{font-size:12px;}
.salemakeinstallmentformpanel{border: 1px solid lightgray; padding-left:15px; margin: 0px 25px}

.salemaketotalprice{color: #0D2C52; font-size: 14px; margin-right: 10px}
.salemaketotalprice span{font-size: 11px;}
.salemakeproductservicetitle{clear:both; min-width: 275px;padding-bottom: 7px; color: #555; font-size: 14px; text-align: left;}
.salemakequantitytitle{min-width: 80px; padding-bottom: 7px; color: #555; font-size: 14px; text-align: center;}
.salemakepricetitle{min-width: 135px; padding-bottom: 7px; color: #555; font-size: 14px; text-align: right;}
.salemakepricetitle span{font-size:11px}
.deleteproductsaleinfoline{float: left; margin: 10px 0px 10px 10px}

.titlebloc{clear: both; color: #0088cc;font-size: 16px; padding-bottom: 10px;}

.saleworkflowtable{height: 40px; margin: auto auto; margin-top: 20px; width: 530px;}
.saleworkflowtable td{vertical-align: top; width: 25%;}

.saleworkflowdiv{height: 36px; width: 85%;float: left; background-color: lightgray; color: white; text-align: center; display: table-row;}
.saleworkflowdivquote{width: 90% !important;}
.saleworkflownumber{display: table-cell; height: 35px; vertical-align: middle;padding-left: 5px; padding-right: 10px;font-weight: bold;font-size: 20px;}
.saleworkflowitem{display: table-cell;vertical-align: middle; padding-right: 5px; width: 100%}
.saleworkflowarrow{float: left; width: 0; height: 0; margin-left:-1px;border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 13px solid lightgray;color: lightgray}
.salemakeproductchoicenpanel{padding-left:10px}
.salemakeconfirmationsubpanel{border: 1px solid rgb(163, 168, 182); padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0; float: left; width: 95%;}

.saleworkflowdivselected .saleworkflownumber{background-color: #0088cc;}
.saleworkflowdivselected .saleworkflowitem{background-color: #0088cc;}
.saleworkflowdivselected .saleworkflowarrow{border-left-color: #0088cc}

.saleworkflowdivpast .saleworkflownumber{background-color: #808080;}
.saleworkflowdivpast .saleworkflowitem{background-color: #808080}
.saleworkflowdivpast .saleworkflowarrow{border-left-color: #808080}

.saleundefinedinstallmentsnotepanel{border: 1px solid rgb(163, 168, 182); padding: 10px 60px; margin: 10px 0px; float: left; width: 330px; margin-left: 120px;}
.salepaymentsbloc{margin-left: 30px; margin-right: 0px}
.saleinstallmentsbloc{margin-left: 40px; margin-right: 30px}
.salepaymentsbloc .waitservercalliconpanel{padding: 20px 0px !important}
.saleinstallmentsbloc .waitservercalliconpanel{padding: 20px 0px !important}
.saleinvoicesbloc{margin-left: 30px; margin-right: 30px;}
.salespaymentstitre{color: #0088cc; text-align: center; font-size: 16px;}
.salespaymentstitre .label{width: 100%}
.salenopaymentbloc{height: 180px; display: table; width: 100%; border-radius: 5px; border: dashed 1px gray;}
.salenopaymentlabel{display: table-cell;color: gray;vertical-align: middle;text-align: center; float: none; padding: 15px 15px 15px 15px;}
.paymentsresumebloc{color: #0D2C52; border: 1px solid #CDD2E2; border-radius: 5px; width: 90%; margin: auto; padding:5px;}
.paymentsresumelabel{padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; clear: both;}
.paymentsresumevalue{clear: both; padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; text-align: right; width: 100%}
.paymentsresumevaluetotal{padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; font-weight: bold; text-align: right; width: 100%}
.paymentsresumetable{width: 250px; margin: auto auto;border-spacing: 0px; border-collapse: collapse; }

.popupsimpleformcontent{margin: 10px 30px 10px 35px;}
.popupsimpletitle{clear: both; color: #0088cc; font-size: 20px; margin: 0px 30px;}
.paymentformline{clear: both; float:left;  margin-bottom: 3px;}
.paymentformlineactionlink{clear: both;  margin-right: -20px;}
.paymentformlineactionlink .label{width: 90%; text-align: center; font-size: 16px;}
.paymentformnote{color: gray; font-size: 11px;}

.installmentpasticon{float:right; background: transparent url('../images/kosmall.png?idNumber=_buildNumber_') no-repeat left center;  width: 15px; height: 15px; }
.installmentfutureicon{float:right; background: transparent url('../images/clock.png?idNumber=_buildNumber_') no-repeat left center;  width: 15px; height: 15px;}

.excelicon{opacity:0.8; float:left; margin:2px;  margin-right: 17px; cursor: pointer; background: transparent url('../images/excel-gray.png?idNumber=_buildNumber_') no-repeat center center;width: 20px;height: 20px; background-size: contain !important}
.excelicon:hover{opacity:1; margin:0px; margin-right: 15px; width: 24px;height: 24px;}
.deleteenmasseicon{opacity:0.8; float: left; margin:3px; margin-right: 17px; cursor: pointer; background: transparent url('../images/deleteenmasse.png?idNumber=_buildNumber_') no-repeat center center;width: 18px;height: 18px; background-size: contain !important;}
.deleteenmasseicon:hover{opacity:1; margin:1px; margin-right: 15px; width: 22px;height: 22px;}
.communicationsicon{opacity:0.8; float: left; margin:2px; margin-right: 17px; cursor: pointer; background: transparent url('../images/mail.png?idNumber=_buildNumber_') no-repeat center center;width: 20px;height: 20px; background-size: contain !important;}
.communicationsicon:hover{opacity:1; margin:0px; margin-right: 15px; width: 24px;height: 24px;}
.salesenmasseicon{opacity:0.8; float: left; margin:0px 17px 2px 2px; cursor: pointer; background: transparent url('../images/salesenmasse.png?idNumber=_buildNumber_') no-repeat center center;width: 24px;height: 24px; background-size: contain !important;}
.salesenmasseicon:hover{opacity:1; margin:-2px 15px 0px 0px; width: 28px;height: 28px;}

.mailinvoiceicon{float:right; cursor: pointer; background: transparent url('../images/mail.png?idNumber=_buildNumber_') no-repeat center center;width: 20px;height: 20px; background-size: contain !important}
.downloadinvoiceicon{float:right; cursor: pointer; background: transparent url('../images/downloadinvoice.png?idNumber=_buildNumber_') no-repeat center center;width: 20px;height: 20px; background-size: contain !important}
.tdinvoiceaction{padding:5px; padding-left: 15px;}

.customfieldarrowuppanel{vertical-align: top; display: table-cell; width: 30px; padding-top: 10px}
.customfieldarrowdownpanel{vertical-align: bottom; display: table-cell; width: 30px; padding-bottom: 15px}
.customfieldarrowup{opacity:0.5; margin:auto; cursor: pointer; background: transparent url('../images/customfieldarrowup.png?idNumber=_buildNumber_') no-repeat center center;width: 30px;height: 16px;}
.customfieldarrowup:hover{opacity:1}
.customfieldarrowdown{opacity:0.5; margin:auto; cursor: pointer; background: transparent url('../images/customfieldarrowdown.png?idNumber=_buildNumber_') no-repeat center center;width: 30px;height: 16px;}
.customfieldarrowdown:hover{opacity:1}
.customfieldsbloc legend{color: gray; font-size: 13px;}
.customfieldsbloc{width: 410px; display: table-cell; margin-bottom: 10px}
.smallpopupcontainercenter{margin:auto; width: 500px}
.customfielddelete{margin-top: -5px}

.expensepanel{border: 1px solid rgb(163, 168, 182); padding: 10px 30px; float: left; width: 270px; margin: 10px 30px;}
.expensecategoryloader{color:gray; padding:10px 0px; font-size: 16px}

/* EXTRANET */
.extranettablemenu{margin-left: 70px !important; width: auto !important}
.extranettablemenuitem{vertical-align: middle; padding: 10px 20px; color: #555; font-family: Arial; font-size: 16px;  border-left:  1px solid lightgray;  border-right:  1px solid  lightgray}
.extranettablemenuitem div{font-family:Arial;}
.extranettablemenuitem:hover{background-color: #99CC00; color: white; cursor: pointer}
.extranetheaderright{right: 30px; position: relative;}
.extranetheaderleft{left: 70px; position: relative;}
.buttondraft{float: left; margin: 0px 10px 10px 10px !important; color: #0088CC !important; background-color: white !important; background-image: none !important; border: 1px solid #0088CC !important; font-size: 13px !important; padding: 5px 10px !important;}
.buttondraft:hover{opacity: 0.7}
.buttonblue{margin: 10px; border: none; color:white;border-radius: 5px; background-color: #0088cc; background-image: linear-gradient(top,#3FA4D6 0,#0088cc  50%,#0088cc 50%, #0275AF 100%); background-image: -webkit-linear-gradient(top, #3FA4D6 0,#0088cc 50%,#0088cc 50%,#0275AF 100%); background-image: -moz-linear-gradient(top,#3FA4D6 0,#0088cc 50%,#0088cc 50%,#0275AF 100%); background-image: -o-linear-gradient(top,#3FA4D6 0,#0088cc 50%,#0088cc 50%,#0275AF 100%); background-image: -ms-linear-gradient(top,#3FA4D6 0,#0088cc 50%,#0088cc 50%,#0275AF0 100%); padding: 7px 20px 7px 20px; text-align: center; font-family: Ubuntu-R;}
.buttonblue:hover{background-color: rgb(63, 164, 214); background-image: none; cursor: pointer}
.buttonblue label{cursor:pointer}
.extranetsigninnote{ float:right; width:170px; color:gray; position:relative; top: 5px; right: -10px}
.extranetsigninnote div{font-family: Jupiter; line-height: 20px; font-size: 16px;text-align: center;}
.extranetsigninarrow{width: 63px; height:30px; background: transparent url('../images/arrowgray.png?idNumber=_buildNumber_') no-repeat left center; float: right; position: relative; right: 25px; top:18px; background-size: contain !important}
.extranetvideopanel{min-width: 550px; position: absolute; z-index:2; top:70px; width:100%; background-color: #228b22; background-image: url(../images/videopanelbg.png);}
.extranetvideopanel2{min-width: 550px; background-color: #00755e; z-index: 1 !important}
.extranetvideopanel3{z-index:3; position:absolute; width:100%; min-width:550px; text-align:center; top:70px}
.extranetvideotable{width: 100%; text-align: center; height: 100%;}
.extranetvideotable td{display: inline-block;}
.extranetcontentpanel{margin: auto auto; max-width: 1000px; clear: both; }
.extranetcontentpanel div{font-family:Arial}
.extranetcontentpanel span{font-family:Arial}
.extranetvideoarrow1{clear:both; left: 100px; position: relative; background: transparent url('../images/arrowwhite1.png?idNumber=_buildNumber_') no-repeat left center; width: 200px; height:54px;}
.extranetvideoarrow2{clear:both; position: relative; background: transparent url('../images/arrowwhite2.png?idNumber=_buildNumber_') no-repeat left center; width: 200px; height:54px; top: 80px; right:80px}
.extranetsignupnote{float:right; width:250px; color:white; font-size: 18px; font-family: Jupiter; text-align: right;margin-top: 10px;}
.extranetcontent{width:100%;}
.extranetcontenttitle{padding-top: 30px; color:#0088cc; font-size: 22px; text-align: center;}
.extranettitle{font-size: 22px;}
.extranettitle span{font-size:34px;}
.extranettitleballs{margin: auto; background: transparent url('../images/titleballs.png?idNumber=_buildNumber_') no-repeat left center; width: 43px; height: 32px;}
.extranetcontentitem{width: 330px; height: 300px;vertical-align: top; float:left; margin: auto}
.extranetwhytext span{font-weight: bold}

.extranetvideonoteapanel{display:table-cell; width:25%}
.extranetvideonote{line-height:26px; color:white;}
.extranetvideonote div{font-size:20px; color:white; text-align: center}
.extranetvideonote div span{font-family: Jupiter; line-height:30px !important;}
.extranetvideonote1 .label{margin-right: 75px; width:210px}
.extranetvideonote2{position:relative; top:80px}
.extranetvideonote2 .label{width: 200px; font-size:18px !important}
.extranetcontentvideopanel{margin: 30px 0; width:100%; color: white; font-size: 22px; font-family: Arial;}
.extranetcontentvideopanel div{font-family:Arial}
.extranetcontentvideopanel span{font-family:Arial}
.extranetintroline1{position: relative; z-index:3; text-align: center; width: 100%}
.extranetintroline2{position: absolute; z-index:4; opacity: 0; text-align: center; width: 100%}

.extranetintroline1 span{font-family: sketch;font-size: 50px; line-height: 1; }
.extranetintroline2 span{font-family: sketch; font-size: 40px; line-height: 1;}
.extranetintroline2 b{font-family:Arial; font-size: 30px; font-weight: bold}
.extranetsignupfreenote{color: white; font-size: 18px; width: 310px; text-align: center; margin: auto auto; margin-top: 10px; margin-bottom: 20px;}
.extranetsignupfreenote span{font-family: Jupiter}

.icon{margin: auto; background: transparent url('../images/bigiabako.png?idNumber=_buildNumber_') no-repeat left center; width: 150px; height: 150px; background-size: contain !important;}

.extranetwhat0{margin: auto; background: transparent url('../images/whatisdefault.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat1{margin: auto; background: transparent url('../images/whatis1.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat2{margin: auto; background: transparent url('../images/whatis2.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat3{margin: auto; background: transparent url('../images/whatis3.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat4{margin: auto; background: transparent url('../images/whatis4.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat5{margin: auto; background: transparent url('../images/whatis5.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat6{margin: auto; background: transparent url('../images/whatis6.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat7{margin: auto; background: transparent url('../images/whatis7.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat8{margin: auto; background: transparent url('../images/whatis8.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat9{margin: auto; background: transparent url('../images/whatis9.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat10{margin: auto; background: transparent url('../images/whatis10.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}
.extranetwhat11{margin: auto; background: transparent url('../images/whatis11.png?idNumber=_buildNumber_') no-repeat left center; width: 398px; height: 288px;}


.extranetwhy1{margin: auto; background: transparent url('../images/why1-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.extranetwhy2{margin: auto; background: transparent url('../images/why2-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.extranetwhy3{margin: auto; background: transparent url('../images/why3-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.extranetwhy4{margin: auto; background: transparent url('../images/why4-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.extranetwhy5{margin: auto; background: transparent url('../images/why5-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.extranetwhy6{margin: auto; background: transparent url('../images/why6-gray.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}

.extranetwhy1hover{background: transparent url('../images/why1-blue.png?idNumber=_buildNumber_')}
.extranetwhy2hover{background: transparent url('../images/why2-blue.png?idNumber=_buildNumber_')}
.extranetwhy3hover{background: transparent url('../images/why3-blue.png?idNumber=_buildNumber_')}
.extranetwhy4hover{background: transparent url('../images/why4-blue.png?idNumber=_buildNumber_')}
.extranetwhy5hover{background: transparent url('../images/why5-blue.png?idNumber=_buildNumber_')}
.extranetwhy6hover{background: transparent url('../images/why6-blue.png?idNumber=_buildNumber_')}


.why1:hover .extranetwhy1{background: transparent url('../images/why1-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.why2:hover .extranetwhy2{background: transparent url('../images/why2-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.why3:hover .extranetwhy3{background: transparent url('../images/why3-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.why4:hover .extranetwhy4{background: transparent url('../images/why4-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.why5:hover .extranetwhy5{background: transparent url('../images/why5-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}
.why6:hover .extranetwhy6{background: transparent url('../images/why6-blue.png?idNumber=_buildNumber_') no-repeat left center; width: 64px; height: 64px;}

.extranetcontentquestion{font-family: Arial; padding-bottom: 10px;text-align: left; color:#99CC00; font-size: 18px}
.extranetcontenttext{border-radius: 3px; cursor:default; font-family: Arial; margin-top:10px; margin-bottom: 10px;padding: 10px 20px 20px 20px; color:#555; font-size: 14px; ;text-align: justify;}
.extranetcontenttext b{font-family: Arial;}
.extranetcontentitem:hover .extranetcontenttext{background-color:#F5F5F5;}
.extranetlogintitle{ font-size: 30px }
.extranetlogintitle div{color:#0088cc !important;}
.extranetpopupsiginbutton{float: right; font-size: 18px; margin-right: 38px !important;}
.extranetpasswordreminderlink{font-size: 14px}
.extranetsigninbutton{float: right; font-size: 18px;}
.extranetsignupbutton{margin-top: 40px; font-size: 22px; background-image: none !important; padding: 15px 40px !important;}
.fontsize10{font-size:10px !important}
.fontsize10 label{font-size: 10px !important;}
.fontsize11{font-size:11px !important}
.fontsize11 label{font-size: 11px !important;}
.fontsize13{font-size: 13px !important;}
.fontsize13 label{font-size: 13px !important;}
.fontsize14{font-size: 14px !important;}
.fontsize14 label{font-size: 14px !important;}
.fontsize16{font-size: 16px !important;}
.fontsize16 label{font-size: 16px !important;}
.fontsize18{font-size: 18px !important;}
.fontsize18 label{font-size: 18px !important;}
.extranetFooter{position: relative; height: auto}
.extranetwhatitem{float:left; position: relative; width: 200px; text-align: center; color: #555; font-size: 14px; cursor:default}
.extranetwhatitem:hover{color:#99CC00;}
.extranetwhatitem b{color:#0088CC; font-weight: normal}
.extranetwhatitem:hover b{color:#99CC00; font-weight: bold}
.extranetcontentitem:hover .extranetcontentquestion{color:#0088CC; }
.extranetwhatsmallitem{cursor:default;padding: 10px 0px;}
.extranetwhatsmallitem .label{color: #555; font-size: 16px; }
.extranetwhatsmallitemright{text-align: left}
.extranetwhatsmallitemleft{ text-align: right;}
.extranetwhatsmallitem span{color:#0088CC; font-weight: normal}
.extranetwhatsmallitem:hover span{ color:#99CC00; }
.extranetpricetable{display: table; background-color:white; margin-bottom: 20px; border: 1px solid lightgray; box-shadow: 0px 4px 5px #ccc; cursor:default; font-size:12px; min-width:800px; max-width:800px; margin:auto; table-layout: fixed; margin-top: 20px; color: #555; text-align: center;}
.extranetpricetablerow{display: table-row}
.extranetpricetablecell{display: table-cell}
.extranetpricetable .extranetpricetablecell{padding: 10px 10px 10px 10px; vertical-align: middle;}
.extranetpricetabletitle{background-color: #696868 !important; }
.extranetpricetabletitle .extranetpricetablecell{font-size:20px; background-color: #555 !important; color:white;font-weight: bold }
.extranetpricetablepricecell{background-color:#F0F0F0 !important; box-shadow: 0px 4px 5px #ccc; font-weight: normal !important; }
.extranetpricetablepricecell span{font-family: Ubuntu-R; font-size: 30px}
.extranetpricetablebestsellercell{border-left: solid 1px lightgray; border-right: solid 1px lightgray;}
.extranetpricetablebestsellerlastcell{border-left: solid 1px lightgray; border-right: solid 1px lightgray; padding: 0px 0px 0px 0px !important;}
.extranetpricetablebestsellerlastcell div{box-shadow: 0px 4px 5px #ccc; position: relative; top: 10px; height: 40px; background-color: white;}
.extranetpricetabledata{font-size:18px}
.extranetpricetabletextdata{font-size:12px}
.extranetpricetablelink{cursor:pointer; text-align:right; font-size: 13px; color: #0088CC; padding: 15px 0px;}
.extranetpricetablelink:hover{text-decoration: underline; }
.extranetpriceperuserlabel{font-size:11px; text-align:center}
.extranetpriceperuserlabel span{font-weight: normal; font-size:11px !important;}
.extranetpaypal{background: transparent url('../images/extranetpaypal.png?idNumber=_buildNumber_') no-repeat center center; width: 120px; height: 80px; margin: auto;}
.extranetnoengagement{background: transparent url('../images/extranetnoengagement.png?idNumber=_buildNumber_') no-repeat top center; width: 100px; height: 100px; margin: auto;}
.extranetpackagepaneltext{width: 300px; vertical-align: middle; color: rgb(85, 85, 85); font-size: 14px}
.extranetpackagepaneltext span{font-size:24px}
.extranetarrowup{display:none; cursor: pointer; background: transparent url('../images/arrowup.png?idNumber=_buildNumber_') no-repeat center center; width: 60px; height: 60px; margin: auto; background-color: #555; opacity:0.5; position: fixed; z-index: 1000; bottom: 0px; right: 0px;}

.extranetcheck{float:left; margin-right: 10px; cursor: default; background: transparent url('../images/ok.png?idNumber=_buildNumber_') no-repeat left center;width: 20px;height: 20px;}

.extranetpricetablerow:hover .extranetpricetablecell {background-color:rgb(214, 238, 140);}
.extranetpricetablerow:hover .extranetpricetabledata {font-weight: bold;}
.extranetpricetablerow:hover .extranetpricetablebestsellerlastcell div{background-color:rgb(214, 238, 140); font-weight: bold}
.extranethowmuchtext{text-align: center; color:#555;  font-size:14px; font-family: Arial;  font-weight: normal;}
.extranethowmuchtext span{font-size:24px; font-family: Arial;}
.extranethowmuchplannote{font-weight: normal; font-size: 16px;}
.extranethowmuchplannote span{font-family: Jupiter;}

.siguptitle{color:#99CC00 !important; font-size: 18px !important;}
.signupsubtitle{padding: 10px 0px !important;}
.signuptext{font-size: 12px; color: #555; padding: 10px 0px;}
.signuptext span{color:#0088cc}
.signupbigtext{font-size: 14px}
.signupbigtext b{color:#99CC00; font-weight: normal}
.signuptextpanel{border:solid 1px lightgray; padding:10px}
.paymentcards{background: transparent url('../images/paypal.jpg?idNumber=_buildNumber_') no-repeat left center; margin: auto; width:180px; height: 90px;  background-size: contain !important}

.termstitle{float: left; color:#0088CC; font-size:24px; padding: 10px 0px;}
.termsnote{float: left; color:#555; font-size: 14px; padding: 10px 0px;}
.termsnote span{color:#99CC00; padding: 10px 0px;}
.termsnote b{color:#0088CC; font-weight: normal}
.termsparagraph{clear:both; float: left; color:#555; font-size: 12px; padding: 10px 0px; text-align: justify;}
.termsparagraph span{color:#99CC00; padding: 10px 0px; font-size: 16px}
.termsparagraph b{color:#0088CC; font-weight: normal}
.termsfooter{color:#555}

.smallbutton{font-size: 12px}

/* GWT CHARTS */
.item_container{float: left; margin: 20px 20px 20px 20px;}

/* GWT popup panel */
.gwt-PopupPanel {background-color: rgb(240, 240, 240) !important; border:1px solid lightgray !important; border-radius: 5px; padding: 0px !important; z-index: 1000;max-width: 40%;}
.tooltippopup{background-color: gray; z-index: 1000; border-radius: 3px; font-size: 12px; color: white; max-width: 200px; padding: 5px 10px 5px 10px; word-wrap: break-word; white-space: pre-line;}
.dialogboxpopupclose{color: gray !important; right: 7px !important;}
.dialogboxpopuptitle{padding-top: 10px; padding-bottom: 5px; margin-right: 40px; font-size: 20px;color: #0088cc;}
.dialogboxpopupmessage{padding-right: 30px; padding-bottom: 20px; color: #555; white-space: pre-line;}
.dialogboxpopupsmallmessage{font-size: 11px}
.dialogboxpopup{max-height:500px; overflow-y: auto; overflow-x: hidden}


/* Home page */
.financesbalancelabel{padding: 0px 5px 5px 5px; font-size: 10px; }
.financesbalancelabelbluecolor{float:left; height: 10px; width:10px; background-color: #0088CC}
.financesbalancelabeltext{float:left;color:#555; margin:0px 5px 0px 5px;}
.financesbalancelabelgraycolor{float:left; height: 10px; width:10px; background-color: #555}
.financesbalancelabelorangecolor{float:left; height: 10px; width:10px; background-color: #FFB735}
.financesbalancelabellightbluecolor{float:left; height: 10px; width:10px; background-color: #B4E6FF}
.financesbalancelabelgreycolor{float:left; height: 10px; width:10px; background-color: #B7B3B3}
.financesbalancelabelgreencolor{float:left; height: 10px; width:10px; background-color: #9DFF67}

.financesbalancecontainer{float: left; padding: 5px; margin: 5px; border: 1px solid lightgray; min-width: 250px;}
.financesbalancetable{width: 100%; color: #555;}
.financesbalancetabletitle{font-family: Ubuntu-R; text-align: center !important; font-size:20px !important; color: white !important; background-color: #555; !important; padding: 5px 0px 5px 0px;}
.financesbalancetablesubtitle{font-size: 10px;}
.financesbalancetable td{width: 33%; text-align: right; font-size: 11px; padding: 3px 8px 3px 8px; white-space:nowrap;}
.financesbalancelabels td{font-size: 10px; padding: 2px;}
.resumetable{table-layout: fixed; width: 600px; color: #555; margin: 25px 0 15px 0px;}
.resumetable td{width: 35%; font-size: 10px;padding: 0px 5px 0px 5px;}
.resumetablenumberclients{width: 10% !important; text-align: right;}
.resumetablenumberclients div{font-size: 35px !important; cursor: pointer; float: right}
.resumetablenumberclients:hover div{text-decoration: underline}
.resumetableamount{font-size:20px !important; cursor: pointer}
.resumetableamount:hover {text-decoration: underline}
.resumetableamountbig{width: 100% !important; text-align: right; color:#99CC00; font-size: 35px !important;}
.resumetablenumberclientslabel{width: 20% !important; padding-right: 40px !important;}
.resumetext{color:gray !important}

.homecontentpanel{margin:auto auto; padding: 20px 50px 0px 20px;}
.homesubpanel{border:1px solid lightgray; width:100%; float:left; padding:10px; margin-bottom:10px}
.homebigresumepanel{width: 95; margin:auto; margin-bottom:50px}
.homebigresumetables{width: 100%; margin:auto}
.homebigresumetables .label{float:none !important}
.homebigresumetables td{vertical-align: middle !important; color:#555; font-size: 18px; padding: 20px 10px; width: 50%;}
.homefinancialtablespanel{float: left; display: table-row; text-align: center; width: 100%;}
.hometitle{color: gray; font-size: 20px; padding-bottom: 5px;}

.nochartlabellayout{width: 350px; height: 40px; color: gray; font-size: 14px; font-style: italic; margin: auto; text-align: center; padding-bottom: 20px;}
.homesubpanelexpenses{padding-bottom:0px !important}
.chartpanel{float: left; display: table-row; text-align: center; width: 100%;}

.noheightlimit{max-height: none !important}
.balanceaccountpanel{margin: 20px 30px 10px 10px; padding: 5px; border: 1px solid lightgray; overflow-y: auto; max-height: 250px}
.balanceaccountpanel td{font-family: Ubuntu-R;}
.balanceaccountheader{height: 25px; background-color:rgb(233, 233, 233); color: #555; vertical-align: middle; padding-left:10px; font-size: 14px}
.balanceaccountcontent{font-family: Ubuntu-R;  vertical-align: top;}
.balanceaccountlabel{float:none; color:#555; width:95%; margin: auto; font-size:10px; padding: 5px;}
.balanceaccountlabel table{width:100%; float:left}
.balanceaccountinfo{padding: 2px;}
.balanceaccountinfo span{font-size:11px; color: #0088CC}
.balanceaccountverification{padding: 2px; font-size:12px; color: rgb(230, 38, 38); width:80%; float:left}
.balanceaccountbarinfoconsumption{font-size:9px !important;}
.balanceaccountbartitle{font-size: 12px; color:#99CC00; text-align: left; margin-left: -5px; width: 100%}
.balanceaccountbartitlewarn{color: #FFB735 !important; opacity: 1.0 ! important}
.balanceaccountbartitlelow{color: rgb(230, 38, 38) !important}
.balanceaccountmyconsumptionlink{color:#0088CC; font-size:11px; width:95%; margin: auto; padding: 10px 0px 5px; text-decoration: underline; cursor:pointer}
.fontsize11{font-size:11px !important}
.textalignright{text-align: right}
.notificationdisabled .label{padding: 10px 10px; font-size: 12px; color: gray; width: 90%; text-align: center;}

.progressbar{clear:both; background-color: #f5f5f5; height: 12px; margin: auto; border-radius: 7px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.progressbaravailable{height:100%; width: 0%; border-radius:7px; background-color: #99CC00; opacity: 0.7; background: repeating-linear-gradient( 135deg, #99CC00, #B2E026 1% );}
.progressbaravailablewarn{background-color: #FFB735 !important; background: repeating-linear-gradient( 135deg, #FFB735, rgb(239, 191, 103) 1%);}
.progressbaravailablelow{background-color: rgb(230, 38, 38) !important; background: repeating-linear-gradient( 135deg, rgb(230, 38, 38), rgb(231, 76, 76) 1%);}

.graytext{color:#555;}
.mediumgraytext{color:#555; font-size: 16px}
.smallgraylink{color:#555; font-size: 11px !important}
.checkboxusers{clear: both}
.checkboxusers label{font-style: normal; font-size: 12px; color:#555}

.userstable{display:table; width: 100%; border: 1px solid lightgray}
.userstable div{vertical-align: middle}
.userstableheadernamecolumn{width:40%}
.userstablehowmanyheader{background-color:#0088CC !important; border: 2px solid #0088CC}
.userstablehowmany{border-left: 2px solid #0088CC; border-right: 2px solid #0088CC; padding:8px 17px !important}
.userstablehowmanylast{border-bottom: 2px solid #0088CC !important;}
.userstableheaderbalancecolumn{font-size:11px; text-align: center; width: 20%}
.userstableheaderbalancecolumn .label{width:100%}
.usertablebalancecolumn{text-align: center}
.usertablebalancecolumn .label{width:100%; font-size: 14px}
.userstableheader{color:white !important; background-color:#555}
.userstablecell{display: table-cell; color:#555; padding: 7px; border-bottom: 1px solid lightgray; text-align: middle }
.userstablecell span{font-size:11px}
.userstablerow{display: table-row;}
.displaytablerow{display: table-row;}

.stocktablebigquantity{font-size: 16px; padding: 6px 10px;}
.stocktablebigquantity span{font-size:10px}
.removestock{cursor: pointer; float: right; background: transparent url("../images/removestock.png?idNumber=_buildNumber_") no-repeat center center;  height: 20px; width: 35px; background-size: contain; margin-top: 2px}
.addstock{cursor: pointer; float: right; background: transparent url("../images/addstock.png?idNumber=_buildNumber_") no-repeat center center; height: 20px; width: 35px; background-size: contain; margin-top: 2px}

.reporttitle{color: #555; font-size:16px; width: 200px; text-align: center; margin: auto; min-height: 40px;}
.reportblock{display: inline-block; vertical-align:top; width:45%; min-width: 400px; background-color:lightgray; border-radius: 5px; padding: 10px 10px 0px 10px; margin: 10px; min-height: 80px}
.reportcontentblock{margin-left: auto; margin-right: auto; clear: both; width: 400px}
.reportcontentblock .label{margin-top: 2px}

.incomereporticon{float: left; background: transparent url("../images/incomereporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.installmentreporticon{float: left; background: transparent url("../images/installmentreporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.expensereporticon{float: left; background: transparent url("../images/expensereporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.profitreporticon{float: left; background: transparent url("../images/profitreporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.stockreporticon{float: left; background: transparent url("../images/stockreporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.paymentmethodreporticon{float: left; background: transparent url("../images/paymentmethodreporticon.png?idNumber=_buildNumber_") no-repeat center center;  height: 24px; width: 40px;}
.paymentrequestmailbody{font-size:13px; color: #555; width: 475px;}
.paymentrequestmailbody span{color:#99CC00}
.invoicemailbody{font-size:13px; color: #555; width: 284px;}

.datatableactionsfieldset{margin-top: 10px; padding: 7px 10px 3px; border: 1px solid lightgray;}
.datatableactionsfieldset legend{color: gray; font-size: 12px;}

.defaultgraytext{font-size:13px; color: #555; }
.mailinfo{margin-top: 2px}

.enterprisenologodiv{border: 1px dashed gray; height: 120px; width: 90%; text-align:center;}
.enterprisenologolabel .label{float:left; padding:25px 10px; font-size: 13px}
.enterpriselogodiv{width:90%; text-align: center; height: 122px}
.enterpriselogonote{margin-left:10px; color: gray; font-size: 10px; text-align:left}

.taxpercentlabel{color: #0D2C52; font-size: 16px; margin-left: 3px}

.invoiceconfiglabellayout{float: left; margin: 0px 0px 10px 20px;}
.invoicesenderconfigblock{float: left;width: 90%; margin-left: 20px; padding-bottom: 10px; background-color: rgb(230, 230, 230);}
.invoicesendertitle{width: 100%; float: none; margin: 0px; background-color: rgb(85, 85, 85);}
.invoicesendertitle .label{font-size:14px; white-space: pre-line; float: none; color: white; padding: 5px 10px;}
.invoicesenderdeletecustominfo{float: left; margin: 8px 0px 0px 5px}
.invoicesenderinfo{font-size:12px; color:#555}

.notificationblockcontent{font-family: Ubuntu-R;  vertical-align: top; display:table; width:100%}
.notificationblockline{display:table-row; width:100%; cursor: pointer; border-bottom: 1px solid rgb(233, 233, 233)}
.notificationblockline:hover .notificationsblockbubble div{width:22px; line-height: 22px; margin-bottom:3px;}
.notificationsblockbubble{display:table-cell; width:25px; vertical-align: middle; text-decoration: none !important}
.notificationsblockbubble div{background-color:#99CC00; color:white; border-radius:15px; width:20px; text-align: center; line-height: 20px; font-size:12px; margin-bottom:4px}
.notificationsblockbubble .label{border: 1px solid #99CC00;}
.notificationsbigcardinal{font-size:11px !important}
.notificationsblockbubblelowwarning div{background-color:#FFB735 !important;}
.notificationsblockbubblelowwarning .label{border: 1px solid #FFB735;}
.notificationsblockbubblehighwarning div{background-color:rgb(231, 76, 76) !important;}
.notificationsblockbubblehighwarning .label{border: 1px solid rgb(231, 76, 76);}
.notificationsblocktext{display:table-cell; color:#555; font-size:11px; vertical-align: middle; padding: 4px 0px}
.notificationsblocktext .label{margin-left:2px; color:gray!important}
.notificationsblocktext:hover div{text-decoration: underline;}
.notificationsblockdeletecolumn{display:table-cell; width:25px; vertical-align:middle}
.notificationsblockdeletecolumn:hover{opacity:0.5}

.trackingblockbubble .label{background-color:transparent !important; color:#555 !important; border:1px solid #555}
.trackingtext .label span{color:#555}

.slidebarpanel{border: 1px solid lightgray; margin: 10px 20px; padding: 0 10px; clear: both;}
.slidebarcontentpanel{padding: 5px 0px 15px}
.slidebarlabel .label{float:none; font-size: 12px; color:#555; margin-top: 7px; width: 100%; clear: both;}
.slidebarlabel .label span{color:#0088CC;}
.sliderbar{cursor: pointer; background-color: rgb(235,235,235); border: 5px solid white; height: 5px; position:relative; width:320px;}
.sliderpointer{margin-top:-8px; background: lightgray; border-radius: 2px;  cursor: pointer; width: 18px; height: 18px;}
.sliderselection{top:0px; border: 0; background-color: #0088CC; height: 100%; position:absolute;}
.sliderpointertext .label{font-size: 11px; color:#555; margin-top: 10px; width: 100%;}

.notificationconfigblock{vertical-align: middle; float: left; margin: 10px 20px; width: 345px; padding: 5px 0px 5px 10px; border: 1px solid lightgray}
.notificationconfigcheckbox{margin-bottom: 5px; clear:both}
.notificationconfigcheckbox label{font-style: normal; color: #555; font-size: 13px; clear: both;}

.userlimitedvisibilityoptions .inputcheckbox{float:left; clear: both}
.userlimitedvisibilitycheckbox label{font-size:14px !important; font-style: normal !important}

.nocreditmainpanel{background:white; padding: 10px 50px; margin:auto; background-colo:white; border:1px solid lightgray; width:80%; min-width:500px; box-shadow: 0px 4px 5px #ccc; display:table;}
.nocreditwarning{background: transparent url('../images/nocrediticon.png?idNumber=_buildNumber_') no-repeat center center; width:64px; height: 64px; margin: auto}
.nocreditcontentpanel{padding: 30px 10px; background-color: #F5F5F5;}
.nocredittitle{text-align: center; font-size: 16px; color: #555; float:none}
.nocreditlabellayout{width: 70%; margin: auto; padding: 5px}
.nocreditlabel{color:gray; font-size: 14px; text-align: center; float:none}
.nocreditlabel span{color:#555}
.nocreditbigbutton{width: 500px; padding: 15px 5px; font-size: 14px; margin:5px}
.whitebutton{background-color: transparent !important; border: 1px solid #0088CC; background-image: none !important; color: #0088CC;}
.whitebutton:hover{opacity:0.6}

.technicalerroricon{background: transparent url('../images/technicalerroricon.png?idNumber=_buildNumber_') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px}
.nointerneterroricon{background: transparent url('../images/nointerneterroricon.png?idNumber=_buildNumber_') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px}
.waitservercallicon{background: transparent url('../images/loadericon.gif?idNumber=_buildNumber_') no-repeat center center; width:50px; height: 39px; margin:auto}
.waitservercalliconpanel{padding:50px 0px;}

.salelabelbutton{float: left;margin: 0px 10px 10px; width: 300px; cursor: pointer}
.salelabelbutton:hover{opacity: 0.7}
.salelabelbutton .labelwithicon{margin-top: 2px; font-size: 14px; color:#0088CC; float: left; margin-left: 5px;}
.saledrafticon{clear:both; float: left; background: transparent url('../images/saledrafticon.png?idNumber=_buildNumber_') no-repeat center center; width:20px; height: 20px; background-size: contain !important}

.quotedrafbutton{margin: -20px 10px 35px !important}
.quotedownloadicon{clear:both; float: left; background: transparent url('../images/quotedownloadicon.png?idNumber=_buildNumber_') no-repeat center center; width:20px; height: 20px; background-size: contain !important}
.quotesendemailicon{clear:both; float: left; background: transparent url('../images/quotesendemailicon.png?idNumber=_buildNumber_') no-repeat center center; width:20px; height: 20px; background-size: contain !important}
.gotosalebutton{margin-bottom: 0px !important;}
.gotosale{clear:both; float: left; background: transparent url('../images/gotosale.png?idNumber=_buildNumber_') no-repeat center center; width:20px; height: 20px; background-size: contain !important}
.gotoquote{clear:both; float: left; background: transparent url('../images/gotoquote.png?idNumber=_buildNumber_') no-repeat center center; width:20px; height: 20px; background-size: contain !important}

.mailpreviewheader{font-size: 13px; color: #99CC00}
.mailpreviewtext{font-size: 13px; color: #555}
.mailpreviewtext span{color: #99CC00}
.mailpreviewcontent{max-width:700px; margin: auto; padding: 10px 30px 0px;  float: none;}
.mailpreviewnote{color: gray}
.previewsmartphone{opacity: 0.8; cursor: pointer; float: right; background: transparent url('../images/previewsmartphone.png?idNumber=_buildNumber_') no-repeat center center; width:52px; height: 32px;}
.previewsmartphone:hover{opacity:1}
.previewtablet{opacity: 0.8;cursor: pointer; float: right; background: transparent url('../images/previewtablet.png?idNumber=_buildNumber_') no-repeat center center; background-size: contain !important; width:52px; height: 40px; margin-top: -4px; margin-right: 6px;}
.previewtablet:hover{opacity:1}
.previewpc{opacity: 0.8;cursor: pointer; float: right; background: transparent url('../images/previewpc.png?idNumber=_buildNumber_') no-repeat center center; width:52px; height: 32px; margin-right: 20px}
.previewpc:hover{opacity:1}

.clientcompanyradio .inputradio{padding-left: 20px}
.clientcategoryperson{opacity: 0.8;cursor: pointer; float: right; background: transparent url('../images/clienttypeperson.png?idNumber=_buildNumber_') no-repeat center center; width:16px; height: 16px;}
.clientcategorycompany{opacity: 0.8;cursor: pointer; float: right; background: transparent url('../images/clienttypecompany.png?idNumber=_buildNumber_') no-repeat center center; width:16px; height: 16px;}

.quoteactionbutton{float:right; margin: 0px 10px 10px 0px}

.buycreditpanel{border: 1px solid lightgray; margin-bottom:20px; padding: 20px}
.buycreditoption{border:1px solid #0088CC; margin: 20px 40px; padding:20px 30px; text-align: center; border-radius: 5px}
.buycreditoption .label{color:#0088CC !important}
.buycreditoption:hover{opacity:0.7; background-color: #0088CC;}
.buycreditoption:hover .label{color:white !important}
.buycreditlabelgreen{color:#99CC00 !important}
.buycreditlabel{clear:both; float:none; color:#555; font-size: 14px}
.buycreditlabel span{color:#0088CC}
.buycreditlink{cursor:pointer}
.buycreditbiginput{font-size: 16px; padding: 8px 9px !important;}
.buycreditbiginput option{margin: 5px;}
.buycreditsuggestionlabel{float:none; color:#555; font-size:11px}
.buycreditsuggestionlabel span{color:#0088CC;}

.paypalsuccessicon{background: transparent url('../images/paypalsuccessicon.png?idNumber=_buildNumber_') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px}
.snifficon{background: transparent url('../images/snifficon.png?idNumber=_buildNumber_') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px}

.switchblock{width: 60px; text-align: left; background-color: rgb(240, 240, 240); border: 1px solid lightgray; border-radius: 5px; float:left; cursor: pointer}
.switchblocksmall{width:45px !important; font-size:12px !important}
.switchon{width: 50%; background-color: #bee449; padding: 3px; border-bottom-right-radius:5px; border-top-right-radius:5px; float:right}
.switchon div{width: 1px; border-left: 4px solid white; height: 16px; margin: auto; opacity: 0.5;}
.switchonsmall div{height:11px !important;}
.switchlabelon{color:#99CC00; padding:0px 5px; font-size: 15px}
.switchlabeloff{color:#555; padding:0px 5px; font-size: 15px}
.switchlabelsmall{color:#0D2C52 !important; padding:0px 5px; font-size: 11px !important}
.switchoff{width: 50%; background-color: #999; padding: 3px; border-top-left-radius:5px; border-bottom-left-radius:5px; float:left;}
.switchoff div{border-radius: 10px 10px 10px 10px; width: 10px; border: 3px solid white; height: 10px; margin: auto; opacity: 0.5;}
.switchoffsmall div{height:5px; width:5px !important; border: 2px solid white !important; margin: 1px auto !important;}

.richtexteditor{ width:500px; margin-left: 20px }
.gwt-RichTextArea {}
.hasRichTextToolbar {  border: 0px;}
.gwt-RichTextToolbar {  background: #e3e8f3 url("../images/gwthborder.png") repeat-x 0px -2003px;  border-bottom: 1px solid #BBBBBB;  padding: 3px;  margin: 0px;}
.gwt-RichTextToolbar .gwt-PushButton-up {  padding: 0px 1px 0px 0px;  margin-right: 4px;  margin-bottom: 4px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 1px 0px 0px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-down {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 0px 0px 1px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 0px 0px 1px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-up {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 1px 0px 0px;  border:1px solid #bbb;  border-bottom: 1px solid #a0a0a0;}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 1px 0px 0px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-down {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 0px 0px 1px;  border-width: 1px;}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {  margin-right: 4px;  margin-bottom: 4px;  padding: 0px 0px 0px 1px;  border-width: 1px;}
.cw-RichText {  border: 1px solid #BBBBBB;  border-spacing: 0px;}